/*公共样式 请误修改*/
*{margin: 0; padding: 0;}
html,body{background:#f5f5f5;color: #4d4d4d;font-size:12px; font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;}
div,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, , code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span,del,em{font-size: 1.2rem;}
/*a*/
a{text-decoration: none;color:#4D4D4D;}
a:hover,a:focus {text-decoration: none;}
/*table*/
table {font-size: inherit;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;/*IE专用*/}
/*ul li dl dt */
ul, li, ol, dl, dt, dd {list-style: none outside none;}
/*h1 h2 q em th sub strong*/
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight: normal;}
caption,th {text-align:left;}
abbr, acronym {border:none;font-variant:normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
pre, code, kbd, samp, tt {font-family:monospace;line-height: 100%;}
strong {font-weight: bold;}
/*input*/
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;vertical-align:middle;outline:none;}
input, textarea, select, legend {color: #000;}
input, select, button, textarea {font: 99% arial, helvetica, clean, sans-serif;}
input[type=button], input[type=submit] {-webkit-appearance: button;cursor: pointer;}
button{line-height:1;font-family:inherit;cursor:pointer;*overflow:visible;}
img{max-width: 100%;display:inline-block; height: auto; margin: 0 auto;}
/*清除浮动*/
.cl{zoom:1;clear: both}
.cl:before,.cl:after{content:'';display:table}
.cl:after{clear:both}
.fl {float: left;}
.fr {float: right;}
.hide {display: none;}
[v-cloak] {display: none !important;}
/**处理赖加载的样式**/
.lazy-img-fadein[lazy=loaded] {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  width: 100%;
  height: 100%;
}
.lazy-img-fadein[lazy=loading] {
  width: 20px !important;
  height: 20px !important;
  display: block;
  margin:20% auto !important;
}
.lazy-img-fadein[lazy=error] {
  width:40px !important;
  height:40px !important;
  display: block;
  margin:20% auto !important;
    border-radius: 2px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/**字体颜色**/
.blue{color: #3db6f2;}
.red{color:#bf0a0b;}
.orange{color: #fd6f37;}


/**表格样式**/
.u-table{width: 100%; margin: 0 auto;border:0;border-right: 1px solid #eee; }
.u-table th{background:#20a0ff; color: #fff; padding: 10px;border-right: 1px solid #bfcbd9}
.u-table tr{border-right: 1px solid #eee;}
.u-table td{border-left: 1px solid #eee;border-bottom: 1px solid #eee;padding: 10px}

/**分页**/
.page-bar{margin:40px;}
.page-bar ul,li{margin: 0px;padding: 0px;}
.page-bar li{list-style: none}
.page-bar li:first-child>a {margin-left: 0px}
.page-bar a{border: 1px solid #ddd;text-decoration: none;position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;cursor: pointer}
.page-bar a:hover{background-color: #eee;}
.page-bar a.banclick{cursor:not-allowed;}
.page-bar .active a{color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.page-bar i{font-style:normal;color: #d44950;margin: 0px 4px;font-size: 12px;}


